.headerMenu {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    background-color: #ffffff55;
    backdrop-filter: blur(20px);
    height: 81px;
    line-height: 81px;
    z-index: 1;
    padding: 0px 0px 0px 20px;
    box-sizing: border-box;
    // width: 1316px;

    .logo {
        height: 40px;
        vertical-align: middle;
    }

    .btn {
        color: #00000099;
        font-size: 16px;
        vertical-align: middle;
        font-weight: bold;
        margin: 0px 5px;
        cursor: pointer;
        padding: 0px 30px;
        border-radius: 50px;
        height: 40px;
        display: inline-block;
        line-height: 40px;
        box-sizing: border-box;

        &:hover {
            background-color: #D3C8F8;
        }
    }

    .right {
        float: right;
    }
}


.home {
    position: absolute;
    left: 0;
    top: 0;
    width: 1400px;
    height: 100%;
    left: 50%;
    transform: translate(-50%, 0%);

    .topBar {
        background: #4E04D9;
        height: 46px;
        line-height: 46px;
        text-align: center;
        color: #ffffff;
    }


    .background {
        background-image: linear-gradient(10deg, #183EC2FF 0%, #EAEEFEFF 70%);
        background-size: cover;
        background-repeat: no-repeat;
        width: 100vw;
        height: 700px;
        padding-top: 80px;
        box-sizing: border-box;
        transform: translate(calc(700px - 50vw), 0%);

        .banner {
            position: relative;
            display: block;
            width: 1400px;
            height: 550px;
            margin: 0 auto;

            .left {
                padding-top: 30px;
                padding-left: 43px;
                width: 545px;
                height: 439px;


                .version {
                    font-weight: bold;
                    padding: 6px;
                    width: 137px;
                    height: 29px;
                    line-height: 29px;
                    border: 1px solid #2222221A;
                    border-radius: 8px;
                    cursor: pointer;

                    &:hover {
                        box-shadow: 0px 0px 10px #cccccc;
                    }
                }

                .title {
                    margin-top: 28px;
                    font-weight: bold;
                    font-size: 68px;
                    line-height: 80px;
                }

                .title2 {
                    margin-top: 20px;
                    font-weight: bold;
                    font-size: 40px;
                    line-height: 40px;
                }

                .subTitle {
                    margin-top: 20px;
                    display: inline-block;
                    line-height: 28px;
                    font-size: 18px;
                }

                .putDemand {
                    background-color: #4E04D9;
                    color: #ffffff;
                    display: inline-block;
                    width: 100px;
                    height: 40px;
                    text-align: center;
                    line-height: 40px;
                    border-radius: 20px;
                    cursor: pointer;
                }

                .learnMore {
                    font-weight: bold;
                    margin-left: 20px;
                    cursor: pointer;
                }
            }

            .right {
                position: absolute;
                right: 1px;
                width: 800px;
                top: 0px;
                height: 750px;

                &.bg {
                    // background-image: url(./img/modal2Thumb.png);
                    background-size: 100% 100%;
                }
            }
        }

    }

    .jiesjaoBg {
        background-color: #ebeeff78;
        display: block;
        margin: 50px auto;
        width: 1335px;
        border-radius: 10px;
        position: relative;
        z-index: 1;
        backdrop-filter: blur(10px);

        .jiesjaoImg {
            width: 1120px;
            margin: 0px auto;
            display: block;
            padding: 20px 0px 10px 0px;
        }
    }

}

.dropdownItem {
    max-width: 275px;

    &:hover {
        .font12 {
            color: #4E04D9;
        }

        .font16 {
            color: #4E04D9;
        }
    }

    .font12 {
        color: #333333;
        font-size: 12px;
    }

    .font16 {
        color: #333333;
        font-size: 16px;
    }

    .fontBold {
        font-weight: bold;
    }

    // 即将上线
    .coming_soon {
        background-color: #FEDDFB;
        color: #4700D2;
        border-radius: 2px;
        font-size: 12px;
        padding: 0px 4px 2px 4px;
        margin-left: 20px;
        font-weight: bold;
    }
}